window.onload=function(){
    var usernameReg = /^[a-ZA-Z]{4,12}$/;//定义正则表达式
    username =document.querySelector('input[name="username"]');//获取元素
    username.onblur=function(){//为元素添加失去焦点事件
        var value=username.value;//获取元素中输入的值
        //获取显示错误信息的div
        var tipdiv= username.parentElement.nextSibling.firstChild;
            
        if(value.match(usernameReg)){//判断是否匹配正确（表达式）
            //正确
           tipdiv.innerHTML="正确";//为tipdiv添加显示的内容
           tipdiv.classList.add("success");//为tipdiv添加显示的内容

        }else{
            tipdiv.classList.add("error");//为tipdiv添加error类别
            tipdiv.innerHTML="错误";
        }

    }
}